html {
  height: 100%;
  min-width: 1200px;
  min-height: 700px;
  overflow: auto;
  font-size: 14px;
  color: #333;
  font-family: "思源黑体";
}

body {
  height: 100%;
}

.pointer {
  cursor: pointer;
  user-select: none;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  background: #aba9a9;
}

//列表界面
.tit {
  font-size: 14px;
  font-family: " Microsoft YaHei";
  color: #0067ff;
}

.searchBox {
  padding: 0 12px;
  border-bottom: 3px solid #E4E9F2;
}

.card1 .el-card__body {
  padding: 0;
}

.searchBox .el-form-item {
  margin: 8px 7px;
}

.el-tooltip__popper {
  max-width: 20%;
}

.el-tooltip__popper,
.el-tooltip__popper.is-dark {
  background: rgb(48, 65, 86) !important;
  color: #fff !important;
  line-height: 24px;
}


/*
列表界面
*/
.page-title {
  position: absolute;
  width: calc(100%);
  height: 50px;
  padding: 10px 10px 10px;
  color: #409EFF;
}

.page-content {
  position: absolute;
  width: calc(100%);
  height: calc(100%-50px);
  top: 50px;
  padding: 10px 10px 10px;
}

/* 弹窗顶部下划线 */
.role-mask .el-dialog__header {
  border-bottom: 1px solid #ccc;
}

/* 无边框按钮*/
.btndn {
  font-size: 13px;
  padding: 5px;
}

.btndn:focus {
  outline: initial;
}

//默认
.btnPrimary {
  color: #999999 !important;
}

//蓝色
.btnBlue {
  color: #0067FF !important;
}

.btnRed {
  color: #FF354A !important;
}

//白色
.btnwhite {
  color: #fff !important;
}

//淡蓝色
.btnBlue1 {
  color: #00B6FF !important;
}

//绿色
.btnGree {
  color: #63C034FF !important;
}
.el-button--success {
  background: #1248AA !important;
  border: #1248AA !important;
}

.el-button--success.is-active,
.el-button--success:active,
.el-button--success:focus,
.el-button--success:hover {
  background: #336ACE !important;
  border: #336ACE !important;
}
//tab
.ptab {
  color: #01266C !important;
  overflow-y: auto;
}

.ptab thead th {
  color: #01266C;
  background: rgba(235, 241, 251, 1) !important;
  border-right: 1px solid rgba(219, 227, 243, 1) !important;
}

.ptab.el-table--border th {
  border-bottom: 1px solid rgba(219, 227, 243, 1) !important
}

.ptab .caret-wrapper {
  height: 35px !important;
}

.ptab.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: rgba(240, 245, 254, 0.5) !important;
}

.ptab .el-checkbox__inner {
  border: 1px solid rgba(1, 38, 108, 1);
}

.ptab .sort-caret.ascending {
  border-bottom-color: #8d93a9 !important;
}

.ptab .sort-caret.descending {
  border-top-color: #8d93a9 !important;
}

//tree
.el-tree-node>.el-tree-node__content {
  font-size: 14px;
  color: #333;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background: initial;
  color: #01266C !important;
  font-weight: bold;
}

.text-align-center {
  text-align: center;
}

/*输入框*/
.el-form-item__label {
  color: #01266C !important;
}

//弹出窗样式
.dialog .el-dialog__header {
  padding: 10px;
  background: linear-gradient(143deg, #082AA1 0%, #01266C 63%, #01266C 100%);
  color: #fff;
}

.dialog .el-dialog__header .el-dialog__title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.dialog .el-dialog__headerbtn {
  top: 10px;
}

.dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.dialog-print .el-dialog__header {
  padding: 10px;
  background: #00B6FF;
  color: #fff;
}

.dialog-print .el-dialog__header .el-dialog__title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.dialog-print .el-dialog__headerbtn {
  top: 10px;
}

.dialog-print .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

//tab
.el-table .caret-wrapper {
  height: 35px;
}
//地图方面的样式
/* 地图文字图层 */
.my-div-icon {
  width: max-content !important;
  background: rgba(72, 69, 69, 0.8);
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  height: auto !important;
  border-radius: 8%;

}

/* 去掉地图上的图标 */
.iclient-leaflet-logo {
  display: none;
}

.component-search-container {
  top: 60px !important;
  right: 130px !important;
}

.component-search-container .component-search {
  min-width: 260px;
}

/*地图图层信息*/


.leaflet-control-layers {
  // margin-top: 100px !important;
  // border:none  !important;
  border: 1px solid rgb(129, 169, 228) !important;
}

.leaflet-control-layers-expanded {
  padding: 20px !important;
  background: #1248AA !important;
  opacity: 0.8;
  border: 1px solid #1248AA !important;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background: #1248AA;
  border: 1px solid #1248AA;
  width: 36px !important;
  height: 36px !important;
}

.leaflet-control-layers-list {
  color: #FFFFFF;
  text-shadow: 0px 0px 10px rgba(0, 255, 246, 0.5);
  font-size: 14px;
}

/*图层地图按钮样式单选*/
.leaflet-control-layers-base .leaflet-control-layers-selector {
  width: 14px;
  height: 14px;
  appearance: none;
  position: relative;
  outline: none;
}

.leaflet-control-layers-base .leaflet-control-layers-selector:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #00FFF6;
  display: inline-block;
  border-radius: 50%;
  background: #1248AA;
}

.leaflet-control-layers-base .leaflet-control-layers-selector:checked:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #00FFF6;
  display: inline-block;
  border-radius: 50%;
}

.leaflet-control-layers-base .leaflet-control-layers-selector:checked:after {
  content: "";
  width: 6px;
  height: 6px;
  text-align: center;
  background: #00FFF6;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

/*图层地图按钮样式多选*/
.leaflet-control-layers-overlays .leaflet-control-layers-selector {
  width: 14px;
  height: 14px;
  appearance: none;
  position: relative;
  outline: none;
}

.leaflet-control-layers-overlays .leaflet-control-layers-selector:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #00FFF6;
  display: inline-block;
  background: #1248AA;
}

.leaflet-control-layers-overlays .leaflet-control-layers-selector:checked:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #00FFF6;
  background: #1248AA;
  display: inline-block;
}

.leaflet-control-layers-overlays .leaflet-control-layers-selector:checked:after {
  content: '';
  width: 8px;
  height: 4px;
  border: 2px solid #00FFF6;
  border-top: transparent;
  border-right: transparent;
  text-align: center;
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  transform: rotate(-45deg);
}